<template>
    <div>
        <div class="concent1">
            <div class="photo-left">
                <div class="word">好友拼单
                    <div class="word1"><span id="word111">低至5折</span></div>
                </div>
                <img src="../assets/images/首页_15.png" >
            </div>
            <div class="photo-right"> 
                 <div class="imgleft">
                     <span>每周有卷</span><br>
                     <span class="word3">关注微信</span>
                     <img src="../assets/images/首页_12.png" >
                </div> 
       
                <div class="imgright">
                     <span>送礼品卡</span><br>
                     <span class="word3">传情达意</span>
                     <img src="../assets/images/首页_18.png" >
                </div> 
           </div>
           
        </div>
       
    
    </div>
   
</template>
<script>
export default {
   name:'Section'
}
</script>
<style scoped>
.concent1{
    width: 3.56rem;
    height: 0.5rem;
    margin: auto;
    margin-top:1.1rem ;
    display: flex;
  
}
 .photo-left{
    width: 1.4rem;
    height: 0.48rem;
    background-color:white;
    display: flex;
    margin: auto;
}
.photo-left img{
    width: 0.17rem;
    height: 0.14rem;
    margin-left:0.8rem ;
    margin-top:0.35rem ;
} 
.word{
    width: 0.6rem;
    height: 0.48rem;
    background-color:white;
    font-size: 0.12rem;
    
}
.word1{
    width: 0.5rem;
    height: 0.15rem;
    background-color: red;
    font-size: 0.05rem;
    border-radius: 0.03rem 0;
    margin: 0.06rem auto;
}
 .photo-right{
    width: 2.04rem;
    height: 0.5rem;
    background-color: white;
    float: right;
    display: flex;
}
 .imgleft{
    width: 0.93rem;
    height: 0.5rem;
    background-color: white;
    position: relative;
    margin-right:0.2rem ;
} 
.imgleft span{
font-size: 0.12rem;
}
.imgleft .word3{
    color: gray;
    font-size: 0.12rem;
}
.imgleft img{
    position: absolute;
    bottom: -0.02rem;
    right: 0;
    width: 0.2rem;
    height: 0.2rem;
}



.imgright{
    width: 0.93rem;
    height: 0.5rem;
    background-color: white;
    position: relative;
} 
.imgright span{
font-size: 0.12rem;
}
.imgright .word3{
    color: gray;
    font-size: 0.12rem;
}
.imgright img{
    position: absolute;
    bottom: -0.02rem;
    right: 0;
    width: 0.2rem;
    height: 0.2rem;
}
#word111{
    color: white;
}
</style>